<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8"/>
		<title>欢乐控</title>
		<link rel="stylesheet" media="all" href="css/style.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->		
				
		<!-- JS -->
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/custom.js"></script>
		<script src="js/tabs.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
		<script src="js/jquery.columnizer.min.js"></script>
		
		<!-- Isotope -->
		<script src="js/jquery.isotope.min.js"></script>
		
		<!-- Lof slider -->
		<script src="js/jquery.easing.js"></script>
		<script src="js/lof-slider.js"></script>
		<link rel="stylesheet" href="css/lof-slider.css" media="all"  /> 
		<!-- ENDS slider -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  /> 
		<script src="js/tweet/jquery.tweet.js" ></script> 
		<!-- ENDS Tweet -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		
		<!-- prettyPhoto -->
		
		<!-- poshytip -->
		<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- JCarousel -->
		<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
		<link rel="stylesheet" media="screen" href="css/carousel.css" /> 
		<!-- ENDS JCarousel -->
		
		<!-- GOOGLE FONTS -->
		<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>

		<!-- modernizr -->
		<script src="js/modernizr.js"></script>
		
		<!-- SKIN -->
		<link rel="stylesheet" media="all" href="css/skin.css"/>
		
		<!-- Less framework -->
		<link rel="stylesheet" media="all" href="css/lessframework.css"/>
		
		<!-- flexslider -->
		<link rel="stylesheet" href="css/flexslider.css" >
		<script src="js/jquery.flexslider.js"></script>
		
	</head>
	
	
	<body class="home">
	
		<!-- HEADER -->
		<header>
			<div class="wrapper cf">

				<div id="logo">
					<a href="#"><img  src="img/logo.jpg" alt="Simpler"></a>
				</div>
				<!-- nav -->
				<ul id="nav" class="sf-menu">
					<li class="current-menu-item"><a href="#">逗你</a></li>
					<li><a href="price.html">有料商品</a></li>
				</ul>
				<div id="combo-holder"></div>
				<!-- ends nav -->
				
				
				<!-- SLIDER -->				
                <div id="home-slider" class="lof-slidecontent">
					
					<div class="preload"><div></div></div>
					
					<!-- slider content --> 
					<div class="main-slider-content" >
						 
					<ul class="sliders-wrap-inner">
					    <li>
                            <!--             <video src="img/dummies/slides/haha.mp4"  controls height="367" wight="940"></video> -->
                        </li>
					    
                        <li>
					          <img src="img/dummies/slides/01.jpg" title="" alt="alt" />           
					    </li>

                        <li>
					          <img src="img/dummies/slides/02.jpg" title="" alt="alt" />           
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/03.jpg" title="" alt="alt" />
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/04.jpg" title="" alt="alt" />
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/05.jpg" title="" alt="alt" />
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/06.jpg" title="" alt="alt" />
					    </li>
					    
					    <li>
					          <img src="img/dummies/slides/07.jpg" title="" alt="alt" />
					    </li>
					    
					  </ul>  	
                    </div>
					<!-- ENDS slider content --> 
				           
					<!-- slider nav -->
					<div class="navigator-content">
					  <div class="navigator-wrapper">
					        <ul class="navigator-wrap-inner">
					           <li><img src="img/dummies/slides/01_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/02_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/03_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/04_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/05_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/06_thumb.jpg" alt="alt" /></li>
					           <li><img src="img/dummies/slides/07_thumb.jpg" alt="alt" /></li>
					        </ul>
					  </div>
					  <div class="button-next">Next</div>
                      <div  class="button-previous">Previous</div>
					  <!-- REMOVED TILL FIXED <div class="button-control"><span>STOP</span></div> -->
					</div> 
					<!-- slider nav -->   
				 </div> 
				<!-- ENDS SLIDER -->
			</div>
        </header>
		<!-- ENDS HEADER --><div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
		
		<!-- MAIN -->
		<div id="main">
			<div class="wrapper cf">
			<!-- featured -->
			<div class="home-featured">
			
				<ul id="filter-buttons">
					<li><a href="#" data-filter="*" class="selected">逗图</a></li>

				</ul>
				
				<!-- Filter container -->
				<div id="filter-container" class="cf">
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
					<figure class="web">
						<a href="#" class="thumb"><img src="xxxxx" alt="false" /></a>
						<figcaption>
					</figure>
				</div><!-- ENDS Filter container -->
				
			</div>
			<!-- ENDS featured -->
			
			
			
			
			</div><!-- ENDS WRAPPER -->
		</div>
		<!-- ENDS MAIN -->
		
		
		<!-- FOOTER -->
		<footer>
			
		</footer>
		<!-- ENDS FOOTER -->
		
	</body>
	
	
	
</html>
